<template>
    <div>
        <common-header></common-header>
        <m-header></m-header>
        <div class="vr_con">
            <iframe src="https://www.720yun.com/vr/867259Ou9cn" frameborder="0"></iframe>
        </div>
    </div>
</template>
<script>
import CommonHeader from '@/components/commonheader'
import CommonFooter from '@/components/commonfooter'
import CommonBanner from '@/components/commonBanner'
import commonNav from '@/components/commonNav'
import commonUser from '@/components/commonUser'
import mHeader from '@/components/mobilenav'
export default {
    data(){
        return{

        }
    },
    components:{
        CommonBanner,
        CommonFooter,
        CommonHeader,
        commonNav,
        commonUser,
        mHeader
    }
}
</script>
<style lang="scss" scoped>
.con_box{
    width: 1200px;
    margin: 0 auto;
}
.vr_con{
    width: 100%;
    height: calc(100vh - 100px);
    iframe{
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 900px) {
    .con_box{
        width: 100%;
        margin: 0 auto;
        padding: 0 .3rem;
        box-sizing: border-box;
    }
    iframe{
        width: 100%;
        height: calc(100vh - 1.2rem);
    }
}
</style>